<!--
功能：个人考核信息查看,
作者：RanSheng,
邮箱：1534677527@qq.com",
时间：2021/6/6 23:40,
版本：v1.0,
修改记录：,
修改内容：,
修改人员：,
修改时间：,
-->
<template>
  <div>
    <div class="table">
      <el-table
        :data="tableData"
        stripe
        style="width: 100%">
        <el-table-column
          type="index"
          label="编号"
          width="50">
        </el-table-column>
        <el-table-column
          v-for="t in table"
          :key="t.id"
          :prop="t.prop"
          :label="t.label">
        </el-table-column>
      </el-table>
    </div>
    <div class="text">
      <span>温馨提示：</span>
      <ul>
        <li v-for="i in lis" :key="i.id">{{ i.name }}</li>
      </ul>
    </div>
  </div>
</template>

<script>
import {message} from "@/utils/age";

export default {
  name: "MyCheck",
  data() {
    return {
      lis:[{
        id:1,
        name:'如果对该审核存在任何问题，请打电话联系处理人。'
      },{
        id:2,
        name:'如果发现自己存在考核记录，请立即前往自己楼层的管理员出取消与自己相关的信息。'
      },{
        id:3,
        name:'该记录如果不亲自前往管理员出取消，则会一致保留到期末，作为期末寝室综合考核的重要依据。'
      }],
      tableData:[],
      table:[{
        id:1,
        label:'时间',
        prop:'time'
      },{
        id:2,
        label:'内容',
        prop:'content'
      },{
        id:3,
        label:'处理方式',
        prop:'deal'
      },{
        id:5,
        label:'处理人',
        prop:'user.name'
      },{
        id:6,
        label:'联系电话',
        prop:'user.phone'
      }]
    };
  },
  components: {},
  computed: {},
  mounted() {
    this.find()
  },
  methods: {
    find(){
    //  查询自己的考核记录
      this.$http.get('user/selectAssess').then(response => {
        message("success","成功")
        this.tableData=response.data
      }).catch(err => {
        message("error", "请求参数错误")
      })
    }
  },
  watch: {},
  destroyed() {

  },
}
</script>

<style scoped>

.text{
  margin: 40px 0;
  color: #AD9399;
}
span{
  font-size: 20px;
}
li{
  font-size: 18px;
  letter-spacing: 4px;
  margin: 2px 0;
}

.table{
  margin-top: 30px;
}

/*表格内容居中显示*/
.table /deep/ .el-table th > .cell {
  text-align: center;
}

.table /deep/ .el-table .cell {
  text-align: center;
}
</style>
